<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>数据交换系统管理-文件柜</title>

    <!-- Bootstrap Core CSS -->
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/bootstrap-switch.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="../css/sb-admin.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="../font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- SGIS CSS -->
    <!--<link href="../lib/page/SGIS.Base.css" rel="stylesheet">-->
    <style>
        #top{
            width: 100%;
            background: url("../img/banner.jpg") no-repeat 100% 100%;
        }
        .logo{
            width: 440px;
            border: none;
            background: url("../img/logo-.png") no-repeat 100% 100%;
        }
        .progress_bar .pro-bar {
            background: hsl(0, 0%, 97%);
            box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.1) inset;
            height:4px;
            margin-bottom: 12px;
            margin-top: 50px;
            position: relative;
        }
        .progress_bar .progress_bar_title{
            /*color: hsl(218, 4%, 50%);*/
            color: #01803b;
            font-size: 15px;
            font-weight: 300;
            position: relative;
            top: -28px;
            z-index: 1;
        }
        .progress_bar .progress_number{
            float: right;
            margin-top: -24px;
        }
        .progress_bar .progress-bar-inner {
            background-color: hsl(0, 0%, 88%);
            display: block;
            width: 0;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            transition: width 1s linear 0s;
            animation: animate-positive 2s;
        }
        .progress_bar .progress-bar-inner:before {
            content: "";
            background-color: hsl(0, 0%, 100%);
            border-radius: 50%;
            width: 4px;
            height: 4px;
            position: absolute;
            right: 1px;
            top: 0;
            z-index: 1;
        }
        .progress_bar .progress-bar-inner:after {
            content: "";
            width: 14px;
            height: 14px;
            background-color: inherit;
            border-radius: 50%;
            position: absolute;
            right: -4px;
            top: -5px;
        }
        @-webkit-keyframes animate-positive{
            0% { width: 0%; }
        }
        @keyframes animate-positive{
            0% { width: 0%; }
        }

    </style>
</head>

<body>

<div id="wrapper">

    <!-- Navigation -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header" id="top">
            <div class="logo"></div>
            <a class="navbar-brand" href="../module/index.html"></a>

        <!-- Top Menu Items -->
            <ul class="nav navbar-right top-nav">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="color: #fff"><i class="fa fa-user"></i> <b class="caret"></b></a>
                    <ul class="dropdown-menu">

                        <li>
                            <a href="../login.html"><i class="fa fa-fw fa-power-off"></i>退 出</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav side-nav">
                <li id="frk" class="active">
                    <a href="javascript:;" data-toggle="collapse" data-target="#demo1"  aria-expanded="true"><i class="fa fa-fw fa-arrows-v"></i>法人库信息<i class="fa fa-fw fa-caret-down"></i></a>
                    <ul id="demo1" class="collapse in" aria-expanded="true">
                        <li>
                            <a href="pushDataToMlk.html">推送数据到名录库</a>
                        </li>
                        <li>
                            <a href="dataComparse.html">数据比对</a>
                        </li>
                        <li>
                            <a href="fileCabinets.html">文件柜-导出基本信息</a>
                        </li>
                        <li>
                            <a class="main-a" href="#">文件柜-导出年报信息</a>
                        </li>
                        <li>
                            <a href="viewLog.html">查看日志</a>
                        </li>
                    </ul>
                </li>
                <li id="mlk">
                    <a class="main-a" href="javascript:;" data-toggle="collapse" data-target="#demo2"><i class="fa fa-fw fa-table"></i>名录库信息<i class="fa fa-fw fa-caret-down"></i></a>
                    <ul id="demo2" class="collapse">
                        <li>
                            <a href="../ml/pushDataToFrk.html">推送数据到法人库</a>
                        </li>
                        <li>
                            <a href="../ml/fillAndImportExcel.html">在线填报和导入Excel</a>
                        </li>
                        <li>
                            <a href="../ml/viewPushLog.html">查看推送日志</a>
                        </li>
                    </ul>
                </li>
                <li id="manager">
                    <a class="main-a" href="../userManagement.html"><i class="fa fa-fw fa-wrench"></i>用户管理</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </nav>

    <div id="page-wrapper">

        <div id="loading" class="container-fluid">

            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">
                        文件柜 <small> 工商数据导出年报XML</small>
                    </h1>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">

                    <input type="hidden" id="ancheyear"/>

                    <div class="col-md-2">

                        <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">年报年度
                            <span class="caret"></span>
                        </button>
                        <ul id="ancheyear-ui" class="dropdown-menu" role="menu">
                          <!--  <li>
                                <a id="ancheyear_2017" class="ancheyear" href="#">2017</a>
                            </li>
                            <li>
                                <a id="ancheyear_2016" class="ancheyear" href="#">2016</a>
                            </li>
                            <li>
                                <a id="ancheyear_2015" class="ancheyear" href="#">2015</a>
                            </li>-->
                        </ul>

                    </div>

                    <div class="col-md-3" style="margin-left: -5%">
                        <ul class="panel nav">
                            <div class="input-group">
                                <span class="input-group-addon dropColor">开始时间</span>
                                <input id="start-time" name="start-time" type="date" class="form-control" placeholder="请输入开始时间">
                            </div>
                        </ul>
                    </div>
                    <div class="col-md-3">
                        <ul class="panel nav">
                            <div class="input-group">
                                <span class="input-group-addon dropColor">结束时间</span>
                                <input id="end-time" name="end-time" type="date" class="form-control" placeholder="请输入结束时间">
                            </div>
                        </ul>
                    </div>

                    <div class="col-md-2">
                        <!--<button type="submit" id="csData" class="btn btn-default pull-right dropColor margin-top-f1 no-border">开始导出XML</button>-->
                        <ul class="panel nav">
                            <li class="dropdown">
                                <a href="#" id="csData" class="dropdown-toggle dropColor" data-toggle="modal">开始手动导出</a>
                            </li>
                        </ul>
                    </div>

                    <div class="col-md-2 margin-left">
                        <ul class="panel nav">
                            <li class="dropdown">
                                <!--<a href="#" style="background-color: #b3a600" class="dropdown-toggle dropColor" data-toggle="modal" data-target="#myModal">设置自动导出</a>-->
                                <a href="#" id="deData" class="dropdown-toggle dropColor" data-toggle="modal" data-target="#task-loading">task</a>
                                <!-- 模态框（Modal） -->
                                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                                <h3 class="modal-title" id="myModalLabel">定时导出XML</h3>
                                            </div>
                                            <div class="modal-body">
                                                <form class="form-horizontal" role="form">
                                                    <div class="form-group">
                                                        <label for="switchs" class="col-sm-4 control-label pull-left">延时导出开关</label>
                                                        <div class="col-sm-6">
                                                            <div class="switch" data-on="primary" data-off="info" data-on-label="SI" data-off-label="NO">
                                                                <input type="checkbox" id="switchs" name="sfkqdstsan" data-on-label="SI"
                                                                       data-off-label="NO" class="switch-btn" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="importDate" class="col-sm-3 control-label pull-left">导出日期</label>
                                                        <div class="col-sm-6">
                                                            <input class="form-control" id="importDate" type="date" disabled="disabled">
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="hour" class="col-sm-3 control-label pull-left">精准时间</label>
                                                        <div class="col-sm-6">
                                                            <div class="input-group">
                                                                <input type="number" class="form-control" id="hour" max="23" min="0"
                                                                       onkeyup="this.value=this.value.replace(/\D/g,'')"
                                                                       onafterpaste="this.value=this.value.replace(/\D/g,'')">
                                                                <span class="input-group-addon">时</span>
                                                                <input type="number" class="form-control" id="min" max="59" min="0"
                                                                       onkeyup="this.value=this.value.replace(/\D/g,'')"
                                                                       onafterpaste="this.value=this.value.replace(/\D/g,'')">
                                                                <span class="input-group-addon">分</span>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </form>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                                <button type="button" id="start-quartz" class="btn btn-primary dropColor">开启自动导出</button>
                                            </div>
                                        </div><!-- /.modal-content -->
                                    </div><!-- /.modal -->
                                </div>

                                <div class="modal fade" id="task-loading" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                                <h3 class="modal-title" id="taskLabel">文件柜任务</h3>
                                            </div>
                                            <H3 id="task-text" style="margin-left: 60px;">正在准备导出中...</H3>

                                            <div class="progress_bar" style="width: 90%;margin-left: 5%;margin-top: -5%">
                                                <div class="pro-bar">
                                                    <small class="progress_bar_title">
                                                        <span id="progress_text" class="progress_number">0%</span>
                                                    </small>
                                                    <span id="progress" class="progress-bar-inner" style="background-color: #7168B7; width: 0%;"></span>
                                                </div>
                                            </div>

                                            <div class="modal-footer">
                                                <button type="button" style="display: none" id="task-close" class="btn btn-default" data-dismiss="modal">关闭</button>
                                                <button type="button" id="delete-task" class="btn btn-primary dropColor" data-dismiss="modal">停止当前任务</button>
                                            </div>
                                        </div><!-- /.modal-content -->
                                    </div><!-- /.modal -->
                                </div>
                            </li>
                        </ul>
                    </div>



                </div>
            </div>

            <div class="row">
                <div class="col-lg-11">
                    <div class="panel panel-default margin-bottom-0">
                        <div class="table-responsive background-white" style="height:30%;max-height: 400px; overflow:auto">
                            <table class="table table-hover border1 body-background">
                                <tbody id="wjg-tbody">
                                    <tr>
                                        <td class="text-indent"><input type="checkbox"></td>
                                        <td>企业基本信息表</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    &nbsp;&nbsp;
                   <!-- <input id="file-path" type="file" multiple webkitdirectory >-->
                    <button type="submit" id="wfsx-export" class="btn btn-primary pull-right dropColor margin-top-f1 no-border">导出违法失信信息</button>
                </div>
            </div>

        </div>
        <!-- /.container-fluid -->

        <footer class="footer col-lg-11 ">
            <br>
            <ul class="list-inline text-center">
                <li><a href="http://www.supermap.com/cn/" target="_blank">技术支持：</a></li><li id="info">北京超图股份有限公司@SuperMap</li>
            </ul>
        </footer>
    </div>
    <!-- /#page-wrapper -->

</div>
<!-- /#wrapper -->

<!-- jQuery -->
<script src="../js/jquery.js"></script>

<script src="NB_fileCabinets.js"></script>
<script src="../lib/page/SGIS.Base.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="../js/bootstrap.min.js"></script>
<script src="../js/bootstrap-switch.min.js"></script>
<script src="../js/index.js"></script>
<script>
    $("body").ready($("#info").html(getInfo()));
    function getInfo() {
        var date = new Date();
        return "©1997-"+date.getFullYear()+" 北京超图软件股份有限公司 京ICP备11032883号-1";
    }
</script>
</body>

</html>
